<template>
  <div class="q-pa-md" style="min-width: 350px">
    <t-expansion>
      <t-expansion-item
        expand-separator
        icon=""
        label="面板一"
        :disable="false"
        @show="showSecond()"
        @hide="hideSecond()"
      >
        <div>请将元素放到这里</div>
      </t-expansion-item>
      <t-expansion-item
        ref="expansionItem2"
        expand-separator
        icon=""
        label="面板二"
        :disable="false"
      >
        <div>请将元素放到这里</div>
      </t-expansion-item>
    </t-expansion>
  </div>
</template>
<script setup>
import { ref } from 'vue';
const expansionItem2 = ref();
const showSecond = e => {
  expansionItem2.value.Show();
};
const hideSecond = e => {
  expansionItem2.value.Hide();
};
</script>
